<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aruk - Multipurpose Woocommerce Store</title>
    <style>
        @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);
    </style>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./font_img/font-home/iconfont.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/way.css">
    <link rel="stylesheet" href="./css/navigation.css">
    <link rel="stylesheet" href="./css/bottom-map.css">
    <link rel="stylesheet" href="./css/home.css">
</head>

<body>
    <div class="home">
        <!-- 导航部分 -->

        <div class="navigationAll">
            <div class="navigation">
                <div class="container">
                    <div class="logo">
                        <a href="#">
                            <img src="./img/logo/logo.png" alt="">
                        </a>
                    </div>
                    <div class="main-menu">
                        <ul>
                            <li>
                                <a href="#">HOME
                                    <div></div>
                                </a>


                            </li>
                            <li><a href="././main_content/page/shop.html">SHOP
                                    <div></div>
                                </a></li>
                            <li><a href="./main_content/page/collection.html">COLLECTION
                                    <div></div>
                                </a></li>
                            <li><a href="./main_content/page/aboutUs.html">ABOUT
                                    <div></div>
                                </a></li>
                            <li><a href="./main_content/page/blog.html">BLOG
                                    <div></div>
                                </a></li>
                            <li><a href="./main_content/page/contact.html">CONTACT
                                    <div></div>
                                </a></li>
                        </ul>
                    </div>
                    <div class="span-icon">
                        <div class="display-flex display-right">
                            <a href="./main_content/page/shoppingCart.html">
                                <span class="iconfont icon-tianchongxing-"></span>
                            </a>
                            <a href="#"><span class="iconfont icon-wodedangxuan"></span></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="placement">
                <span class="iconfont icon-weibajiantoushang
        "></span>
            </div>
        </div>

        <!-- 主体内容部分 -->
        <div class="homeMain">
            <!-- 轮播图部分 -->
            <div class="swiper-out">
                <div class="swiper">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="swiper-inner">
                                    <div class="swiper-write">
                                        <h1 class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"
                                            swiper-animate-delay="0.5s">LUXURY<br>SHOES
                                        </h1>
                                        <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"
                                            swiper-animate-delay="1s">Lorem ipsum dolor sit amet , cons
                                            ectetur adipisicing elit , sed do
                                            eiusmod tempor.</p>
                                        <a class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
                                            swiper-animate-delay="2s" href="#">SHOP NOW
                                            <div class="xiantiao"></div>
                                        </a>
                                    </div>
                                    <div class="swiper-image ani" swiper-animate-effect="fadeInRight"
                                        swiper-animate-duration="1s" swiper-animate-delay="2.3s">
                                        <img src="./img/slider-area/shoe-1.png" alt="">
                                        <span><span>$5.59</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-inner">
                                    <div class="swiper-write">
                                        <h1 class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"
                                            swiper-animate-delay="0.5s">
                                            LUXURY<br>SHOES
                                        </h1>
                                        <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"
                                            swiper-animate-delay="1s">Lorem
                                            ipsum dolor sit amet , cons
                                            ectetur adipisicing elit , sed do
                                            eiusmod tempor.</p>
                                        <a class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
                                            swiper-animate-delay="2s" href="#">SHOP NOW
                                            <div class="xiantiao"></div>
                                        </a>
                                    </div>
                                    <div class="swiper-image ani" swiper-animate-effect="fadeInRight"
                                        swiper-animate-duration="1s" swiper-animate-delay="2.3s">
                                        <img src="./img/slider-area/shoe-1.png" alt="">
                                        <span><span>$5.59</span></span>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-inner">
                                    <div class="swiper-write">
                                        <h1 class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"
                                            swiper-animate-delay="0.5s">
                                            LUXURY<br>SHOES
                                        </h1>
                                        <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"
                                            swiper-animate-delay="1s">Lorem
                                            ipsum dolor sit amet , cons
                                            ectetur adipisicing elit , sed do
                                            eiusmod tempor.</p>
                                        <a class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
                                            swiper-animate-delay="2s" href="#">SHOP NOW
                                            <div class="xiantiao"></div>
                                        </a>
                                    </div>
                                    <div class="swiper-image ani" swiper-animate-effect="fadeInRight"
                                        swiper-animate-duration="1s" swiper-animate-delay="2.3s">
                                        <img src="./img/slider-area/shoe-1.png" alt="">
                                        <span><span>$5.59</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev swiper-button">
                            <span class="iconfont icon-jiantou-zuo"></span>
                        </div>
                        <div class="swiper-button-next swiper-button"><span class="iconfont icon-jiantou-you
                                    "></span></div>


                    </div>
                </div>
            </div>
            <!-- POPULAR CATEGORIES -->
            <div class="popularCategories">
                <div class="inner">
                    <h2>POPULAR CATEGORIES</h2>
                    <div class="popularCategories-main">
                        <div class="popular-left"><img src="./img/popular-categories/category-1.png" alt="">
                            <div class="text">
                                <span>Popular</span>
                                <h3><a href="./main_content/page/collection.html">FURNITURE</a></h3>
                            </div>
                        </div>
                        <div class="popular-right">
                            <div class="img1 img"> <img src="./img/popular-categories/category-2.png" alt="">
                                <div class="text">
                                    <h3>
                                        <a href="./main_content/page/collection.html">ELECTRONICS</a>
                                    </h3>
                                </div>
                            </div>
                            <div class="img2 img"> <img src="./img/popular-categories/category-3.png" alt="">
                                <div class="text">
                                    <h3><a href="./main_content/page/collection.html">HANDBAGS</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- NEW ARRIVAL -->
            <div class="newArrival">
                <div class="inner">
                    <h2>NEW ARRIVAL</h2>
                    <div class="newArrival-main">
                        <ul>
                            <li>All</li>
                            <li>Furniture</li>
                            <li>Electronics</li>
                            <li>Household</li>
                            <li>Decor</li>
                        </ul>
                        <div class="newArrival-things">
                            <div class="newArrival-child">
                                <div class="arrival-img bigImg">
                                    <img src="./img/products/01.png" alt="">
                                    <div class="arrival-operate">
                                        <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                                        <li>
                                            <a href="./main_content/page/wishlist.html">
                                                <span class="iconfont icon-aixin"></span></a>

                                            <span class="iconfont icon-sousuo"></span>
                                        </li>
                                    </div>
                                </div>
                                <div class="arrival-details">
                                    <h5>Green Hand Bag</h5>
                                    <div>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span><span
                                            class="iconfont icon-xingxing1"></span>
                                    </div>
                                    <span>$219.00</span>
                                </div>
                            </div>
                            <div class="newArrival-child">

                                <div class="arrival-img">
                                    <div class="bigImg">
                                        <img src="./img/products/2.png" alt="">
                                        <div class="arrival-operate">
                                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a>
                                            </li>
                                            <li>
                                                <a href="./main_content/page/wishlist.html"> <a
                                                        href="./main_content/page/wishlist.html"> <span
                                                            class="iconfont icon-aixin"></span></a></a>
                                                <span class="iconfont icon-sousuo"></span>
                                            </li>
                                        </div>
                                    </div>

                                </div>
                                <div class="arrival-details">
                                    <h5>Green Hand Bag</h5>
                                    <div>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span><span
                                            class="iconfont icon-xingxing1"></span>
                                    </div>
                                    <span class="oldPrice">$219.00</span>
                                    <span class="nowPrice">$189.00</span>
                                </div>
                            </div>
                            <div class="newArrival-child">

                                <div class="arrival-img">
                                    <div class="bigImg">
                                        <img src="./img/products/3.png" alt="">
                                        <div class="arrival-operate">
                                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a>
                                            </li>
                                            <li>
                                                <a href="./main_content/page/wishlist.html"> <a
                                                        href="./main_content/page/wishlist.html"> <span
                                                            class="iconfont icon-aixin"></span></a></a>
                                                <span class="iconfont icon-sousuo"></span>
                                            </li>
                                        </div>
                                    </div>

                                </div>
                                <div class="arrival-details">
                                    <h5>Leader Shoes</h5>
                                    <div>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span><span
                                            class="iconfont icon-xingxing1"></span>
                                    </div>
                                    <span class="oldPrice">$219.00</span>
                                    <span class="nowPrice">$189.00</span>
                                </div>
                            </div>
                            <div class="newArrival-child">

                                <div class="arrival-img">
                                    <div class="bigImg">
                                        <img src="./img/products/4.png" alt="">
                                        <div class="arrival-operate">
                                            <li class="xiantiaoLi"><a href="#">VRBox Tech <div class="xian"></div></a>
                                            </li>
                                            <li>
                                                <a href="./main_content/page/wishlist.html"> <span
                                                        class="iconfont icon-aixin"></span></a>
                                                <span class="iconfont icon-sousuo"></span>
                                            </li>
                                        </div>
                                    </div>

                                </div>
                                <div class="arrival-details">
                                    <h5>Green Hand Bag</h5>
                                    <div>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span><span
                                            class="iconfont icon-xingxing1"></span>
                                    </div>
                                    <span>$219.00</span>
                                </div>
                            </div>
                            <div class="newArrival-child">

                                <div class="arrival-img">
                                    <div class="bigImg">
                                        <img src="./img/products/5.png" alt="">
                                        <div class="arrival-operate">
                                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a>
                                            </li>
                                            <li>
                                                <a href="./main_content/page/wishlist.html"> <span
                                                        class="iconfont icon-aixin"></span></a>
                                                <span class="iconfont icon-sousuo"></span>
                                            </li>
                                        </div>
                                    </div>

                                </div>
                                <div class="arrival-details">
                                    <h5>Kitty Head Set</h5>
                                    <div>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span><span
                                            class="iconfont icon-xingxing1"></span>
                                    </div>
                                    <span class="oldPrice">$219.00</span>
                                    <span class="nowPrice">$189.00</span>
                                </div>
                            </div>
                            <div class="newArrival-child">

                                <div class="arrival-img">
                                    <div class="bigImg">
                                        <img src="./img/products/6.png" alt="">
                                        <div class="arrival-operate">
                                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a>
                                            </li>
                                            <li>
                                                <a href="./main_content/page/wishlist.html"> <span
                                                        class="iconfont icon-aixin"></span></a>
                                                <span class="iconfont icon-sousuo"></span>
                                            </li>
                                        </div>
                                    </div>

                                </div>
                                <div class="arrival-details">
                                    <h5>Decorative Plant Pot</h5>
                                    <div>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span>
                                        <span class="iconfont icon-xingxing1"></span><span
                                            class="iconfont icon-xingxing1"></span>
                                    </div>
                                    <span class="oldPrice">$219.00</span>
                                    <span class="nowPrice">$189.00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="newArrival-btn">
                        <div class="trendsBtn">
                            <a href="./main_content/page/collection.html">LOAD MORE</a>
                            <div class="trendsBtn-fize">LOAD MORE</div>
                            <div class="trendsBtn-left"></div>
                            <div class="trendsBtn-right"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- discount -->
            <div class="discount">
                <div class="discount-inner">
                    <div class="discount-left">
                        <span class="first">Today's Deal</span>
                        <h2>Wooden Candle Holder</h2>
                        <div class="discount-price">
                            <span class="two">$142.00</span>
                            <span class="three">$132.00</span>
                        </div>
                        <p class="jieshao">Lorem ipsum dolor sit amet , consectetur adipiscing elit , sed do eiusmod
                            tempor incididunt
                            ut
                            labore et dolore magna
                            aliqua.</p>
                        <div class="discount-countdown">
                            <div class="countdown-out">
                                <ul class="countdown">
                                    <li> <span class="days">00</span>
                                        <p class="days_ref">days</p>
                                    </li>
                                    <li class="seperator">:</li>
                                    <li> <span class="hours">00</span>
                                        <p class="hours_ref">hours</p>
                                    </li>
                                    <li class="seperator">:</li>
                                    <li> <span class="minutes">00</span>
                                        <p class="minutes_ref">minutes</p>
                                    </li>
                                    <li class="seperator">:</li>
                                    <li> <span class="seconds">00</span>
                                        <p class="seconds_ref">seconds</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="discount-btn">
                            <div class="trendsBtn">
                                <a href="./main_content/page/collection.html">LOAD MORE</a>
                                <div class="trendsBtn-fize">LOAD MORE</div>
                                <div class="trendsBtn-left"></div>
                                <div class="trendsBtn-right"></div>
                            </div>
                        </div>
                    </div>
                    <div class="discount-right">
                        <img src="./img/deals/01.png" alt="">
                        <span>20%
                            <br>
                            Discount
                        </span>
                    </div>
                </div>
            </div>
            <!-- LATEST NEWS -->
            <div class="latest-news">
                <div class="latest-inner">
                    <h2>LATEST NEWS</h2>
                    <div class="latestAll">
                        <div class="latest-child">
                            <div class="latest-img textLeft">
                                <a href="./main_content/page/blog.html"> <img src="./img/blog/01.png" alt=""></a>

                            </div>
                            <div class="latest-look">
                                <div class="firstA">
                                    <a class="hoverA" href="./main_content/page/details.html">Lorem Ipsum has been the
                                        industry
                                        sed do tempor tara</a>
                                </div>

                                <span>Jan 21, 2021 By Admin</span>
                                <li class="xiantiaoLi"><a href="./main_content/page/details.html">Read More<div
                                            class="xian"></div></a>
                            </div>

                        </div>
                        <div class="latest-child child2">
                            <div class="latest-img">
                                <a href="./main_content/page/blog.html"> <img src="./img/blog/02.png" alt=""></a>
                            </div>
                            <div class="latest-look">
                                <div class="firstA">
                                    <a class="hoverA" href="./main_content/page/details.html">Lorem Ipsum has been the
                                        industry
                                        sed do tempor tara</a>
                                </div>

                                <span>Jan 21, 2021 By Admin</span>
                                <li class="xiantiaoLi"><a href="./main_content/page/details.html">Read More<div
                                            class="xian"></div></a>
                            </div>

                        </div>
                        <div class="latest-child child3">
                            <div class="latest-img textRight">
                                <a href="./main_content/page/blog.html"> <img src="./img/blog/03.png" alt=""></a>
                            </div>
                            <div class="latest-look">
                                <div class="firstA marginLeft15">
                                    <a class="hoverA" href="./main_content/page/details.html">Lorem Ipsum has been the
                                        industry
                                        sed do tempor tara</a>
                                </div>

                                <span>Jan 21, 2021 By Admin</span>
                                <li class="xiantiaoLi"><a href="./main_content/page/details.html">Read More<div
                                            class="xian"></div></a>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <!-- STAY CONNECTED -->
            <div class="stay-connected">
                <div class="stay-inner">
                    <div class="stay-left">
                        <h2>STAY CONNECTED</h2>
                        <p>Subscribe to our newsleter and stay up to date with
                            latest offers and upcoming trends.</p>
                    </div>
                    <div class="stay-right">
                        <form action="#">
                            <input type="text" placeholder="Email Address"><button>SUBSCRIBE</button>
                            <span class="iconfont icon-xin"></span>
                        </form>

                    </div>
                </div>
            </div>
            <!-- INSTAGRAM SHOP -->
            <div class="instagam-shop">
                <div class="instagam-inner">
                    <div class="instagam-title">
                        <h2>INSTAGRAM SHOP</h2>
                        <span>@aruk_long</span>
                    </div>
                    <div class="instagam-image">
                        <div class="instagam-imgchi">
                            <div></div>
                            <img src="./img/instagram/01.jpg" alt="">
                            <a href="#">
                                <span class="iconfont icon-instagram"></span>
                            </a>
                        </div>
                        <div class="instagam-imgchi">
                            <div></div>
                            <img src="./img/instagram/02.jpg" alt="">
                            <a href="#">
                                <span class="iconfont icon-instagram"></span>
                            </a>
                        </div>
                        <div class="instagam-imgchi">
                            <div></div>
                            <img src="./img/instagram/03.jpg" alt="">
                            <a href="#">
                                <span class="iconfont icon-instagram"></span>
                            </a>
                        </div>
                        <div class="instagam-imgchi">
                            <div></div>
                            <img src="./img/instagram/04.jpg" alt="">
                            <a href="#">
                                <span class="iconfont icon-instagram"></span>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 底部map部分 -->
        <div class="homeMap">
            <div class="bottom-map">
                <div class="bottom-map-inner width">
                    <div class="top">
                        <div class="foot-widget first">
                            <div class="logo">
                                <a href="./home.html">
                                    <img src="./img/logo/logo.png" alt="">
                                </a>
                            </div>
                            <ul>
                                <li>Email: <span>1965892300@qq.com</span></li>
                                <li>Phone: +137 313 19326</li>
                            </ul>
                            <p>
                                Subscribe to our newsleter and stay
                                up to date with latest offers and
                                upcoming trends.
                            </p>
                            <div class="email"> <input type="email" placeholder="Email">
                                <span class="iconfont icon-arrowRight
    "></span>
                            </div>

                        </div>
                        <div class="foot-widget">
                            <h4>About Us</h4>
                            <ul class="allUl">
                                <li><a href="./main_content/page/aboutUs.html">Our Outlets
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./main_content/page/aboutUs.html">Sales and Retails <div class="xiantiao">
                                        </div></a></li>
                                <li><a href="./main_content/page/aboutUs.html">Areas we serve <div class="xiantiao">
                                        </div></a></li>
                                <li><a href="./main_content/page/aboutUs.html">Career at aruk <div class="xiantiao">
                                        </div></a></li>
                                <li><a href="./main_content/page/contact.html">Contact Us <div class="xiantiao"></div>
                                    </a></li>
                            </ul>
                        </div>
                        <div class="foot-widget">
                            <h4>Help and Support</h4>
                            <ul class="allUl">
                                <li><a href="./main_content/page/aboutUs.html">Track my order
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./main_content/page/aboutUs.html">Our top products
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./main_content/page/shoppingCart.html">My cart
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./main_content/page/aboutUs.html">Sign in
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./main_content/page/shippingCalculator.html">Shipping Calculator
                                        <div class="xiantiao"></div>
                                    </a></li>
                            </ul>
                        </div>
                        <div class="foot-widget last">
                            <h4>Pages & Resources</h4>
                            <ul class="allUl">
                                <li><a href="./main_content/page/aboutUs.html">About Us
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./main_content/page/collection.html">Shop Page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./main_content/page/collection.html">Category page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./main_content/page/aboutUs.html">Sign in page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./main_content/page/404.html">404 page
                                        <div class="xiantiao"></div>

                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="bottom-out">
                    <div class="bottom">
                        <div class="copyright">
                            <p>Copyright © 2020 | Designed by <span>Wpsmasher</span></p>
                        </div>
                        <div class="social-icon">
                            <ul>
                                <li><a href="#"><span class="iconfont icon-facebook"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-twitter"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-instagram"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-v"></span></a></li>
                            </ul>
                        </div>
                        <div class="policy">
                            <p class="first">Terms of Use</p>
                            <p>Privacy Policy</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="look">

        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">X</span></button>

                    </div>
                    <div class="modal-body">
                        <div class="modal-img"><img src="./img/products/01.png" alt=""></div>
                        <div class="modal-right">
                            <h5>Yellow Bag Women 2018</h5>
                            <div class="appraise">
                                <ul>
                                    <span class="iconfont icon-xingxing1 liang"></span>
                                    <span class="iconfont icon-xingxing1 liang"></span><span
                                        class="iconfont icon-xingxing1 liang"></span><span
                                        class="iconfont icon-xingxing1"></span><span
                                        class="iconfont icon-xingxing1"></span>
                                </ul>
                                <span>03 Customer Review</span>
                            </div>
                            <div class="price"><span>$42.00</span></div>
                            <p>Sed id interdum urna. Nam ac elit a ante commodo tristique. tum vehicula a
                                hendrerit ac
                                nisi. hendrerit
                                ac nisi Lorem ipsum dolor sit perdiet nibh vel magna lacinia ultrices. Sed id interdum
                                urna.</p>
                            <div class="product-color df">
                                <h6>SELECT COLOR
                                </h6>
                                <div class="color-all df">
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                            <div class="product-size df">
                                <h6>SELECT SIZE</h6>
                                <ul>
                                    <li class="active">Xl</li>
                                    <li>L</li>
                                    <li>M</li>
                                    <li>X</li>
                                    <li>XS</li>
                                </ul>
                            </div>
                            <div class="product-count df">
                                <div class="quty">
                                    <span class="jian">-</span>
                                    <input value="1" type="text">
                                    <span class="jia">+</span>
                                </div>
                                <div class="add">
                                    <div class="trendsBtn">
                                        <a href="./home.html">ADD TO CART</a>
                                        <div class="trendsBtn-fize">ADD TO CART</div>
                                        <div class="trendsBtn-left"></div>
                                        <div class="trendsBtn-right"></div>
                                    </div>
                                </div>
                                <div class="share">
                                    <span class="iconfont icon-aixin"></span>
                                    <span class="iconfont icon-suijibofang"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-primary">Save changes</button>
                            </div> -->
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery-3.5.1.js"></script>
    <script src="./js/bootstrap.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/swiper.animate1.0.3.min.js"></script>
    <script src="./js/navigation.js"></script>
    <script src="./js/bottom-map.js"></script>
    <script src="./js/countdown.js"></script>
    <script src="./js/way.js"></script>
    <script src="./js/home.js"></script>
    <script>
        // 首页倒计时部分
        $('.countdown').downCount({
            date: '12/27/2022 00:00:00',
            offset: +10
        }, function () {
            alert('倒计时结束!');
        });
    </script>

</body>

</html>